<div class="centreForm">
    <h1>Edit Accessory</h1>
    <c:if test="${!empty updateAccessoryFailureFlag}">
        <p class="message errorMessage">Unable to update accessory details.</p>
    </c:if>
    <c:if test="${!empty accessoryName}">
        <p class="message confirmationMessage">${accessoryName} has been updated in the database.</p>
    </c:if>
    <form method="post" action="<c:url value='/catalogue/${accessory.id}/edit'/>">
        <fieldset>
            <legend>Accessory Details</legend>
            <label for="manufacturer">Manufacturer:</label><input type="text" name="manufacturer" id="manufacturer" value="${accessory.manufacturer}" /><br />
            <script type="text/javascript">$("input#manufacturer").focus();</script>
            <label for="make">Make:</label><input type="text" name="make" value="${accessory.make}" /><br />
            <label for="price">Price:</label><input type="text" name="price" value="${accessory.price}" /><br />
            <label for="accessoryType">Accessory Type:</label><input type="text" name="accessoryType" value="${phone.accessoryType}" /><br />
            <input type="submit" class="submit" value="Edit Accessory" />
        </fieldset>
    </form>
</div>


